.b-box{
    width: 400px;
    height: 400px;
    background-color: rgb(162, 219, 96);
    box-sizing: border-box;
    padding: 20px;
    border: 10px solid red;
}
.c-box{
    width: 400px;
    height: 400px;
    background-color: rgb(92, 151, 24);
    box-sizing: content-box;
    /* 上下左右都是 */
    /* padding: 20px; */
    /* padding-top:20px;
    padding-right:30px;
    padding-bottom:40px;
    padding-left:50px; */
    /* 上、右、下、左 */
    /* padding:20px 30px 40px 50px;  */
    /* 上、（左右）、下 */
    /* padding:20px 30px 40px; */
    /* （上下）、（左右）
    padding:20px 30px; */
    border: 10px solid red;
    /* padding-right:10px;
    padding:0 10px 0 0; */
    padding:10px 0 0 10px;
}
.box-ma{
    width: 400px;
    height: 400px;
    background-color: rgb(206, 132, 35);
    border:1px solid greenyellow;
    /* margin:20px 30px 40px 50px; */
}
.sb{
    background-color: rgb(190, 223, 44);
    padding:20px;
    margin:30px;
    border:5px solid red;
}
.big{
    width: 400px;
    height: 400px;
    background-color: rgb(74, 148, 233);
    /* border:1px solid greenyellow; */
}
.small{
    width: 200px;
    height: 200px;
    background-color: rgb(222, 233, 74);
    /* border:1px solid rgb(2, 3, 1); */
    margin-left: 10px;
    margin-top:20px;
}
.b1{
    margin-bottom:20px; 
    padding:1px;
}
.b2{
    margin-top:20px; 
}

.ib{
    width: 100px;
    height: 100px;
    margin:10px;
    background-color: rgb(121, 165, 216);
}
/* body{
    font-size: 0
} */
.dd{
    height: 1px;
}
.bor{
    width: 100px;
    height: 100px;
    background-color: rgb(169, 112, 223);
    /* border-width: 5px;
    border-style: dotted;
    border-color:yellowgreen ; */
    border-left: 5px dotted yellowgreen;
    border-right: 10px solid red;
    /* border-radius: 55px; */

}
.tuoyuan{
    width: 300px;
    height: 100px;
    background-color: rgb(112, 138, 223);
    border-radius: 10px;
}
.aaa{
    width: 0px;
    height: 0px;
    /* background-color: rgb(236, 173, 90); */
    /* border: 10px; */
    border-top: 10px solid transparent;
    /* border-right: 10px solid transparent; */
    border-bottom: 20px solid rgba(255, 102, 0, 0);
    border-left: 10px solid red;
    border-width:40px; 
}
/* 三角形写法：
1.盒子宽高设为0
2.却定三角形的方向
3.设置该方向的边框，并且让挨着的两边边框设置为透明色 */
.bbb{
    width: 200px;
    height: 200px;
    background-color: rgb(236, 173, 90);
    /* border-top-right-radius:5px; */
    border-radius:20px 10px 5px;
}
.ccc{
    width: 200px;
    height: 200px;
    background-color: rgb(204, 236, 90);
    box-shadow: 0 0 10px 10px black,
                10px 10px 0 15px red,
                inset 0 0 5px 5px gray;
}
.parent{
    width: 200px;
    min-height: 200px;
    background-color: rgb(236, 202, 90);
    padding: 10px;
}
.child{
    width: 100px;
    height: 100px;
    background-color: rgb(52, 177, 27);
}